<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <script src="../module/ydui/ydui.flexible.min.js"></script>
    <link href="../module/ydui/ydui.min.css" rel="stylesheet">
    <style>
        .g-container {
            width: 100%;
            height: 100%;
            background: url("../img/bg.png") no-repeat top left;
            background-size: 100%;
        }

        /************** header begin **************/
        .header {
            width: 100%;
            height: 0.9rem;
            line-height: 0.9rem;
            text-align: center;
            font-size: 0.32rem;
            color: #FFFFFF;
            padding: 0 0.3rem;
            position: relative;
        }

        .header .btn-goback {
            width: 0.9rem;
            height: 0.9rem;
            position: absolute;
            top: 0;
            left: 0.3rem;
        }

        .header .btn-goback:after {
            content: '';
            width: 0.2rem;
            height: 0.34rem;
            background: url("../img/goback.png") no-repeat center center;
            background-size: contain;
            position: absolute;
            top: 0.28rem;
            left: 0;
        }

        /************** header end **************/
        /************** content-wrap begin **************/
        .content-wrap {
            width: 100%;
            height: 85.8%;
            padding: 0.3rem;
        }

        .cnt-box {
            width: 100%;
            height: 100%;
            background-color: #fff;
            border-radius: 8px;
            overflow-x: hidden;
            overflow-y: scroll;
            -webkit-box-shadow: 0 0 20px 2px rgba(162, 162, 162, 0.5);
            -moz-box-shadow: 0 0 20px 2px rgba(162, 162, 162, 0.5);
            box-shadow: 0 0 20px 2px rgba(162, 162, 162, 0.5);
            padding: 0.4rem 0.2rem;
        }

        /************** content-wrap end **************/

        /************** footer begin **************/
        .footer {
            width: 100%;
            height: 1rem;
            line-height: 1rem;
            text-align: center;
            color: #FFFFFF;
            background-color: #DE4E97;
            font-size: 0.3rem;
            font-family: 'PingFang-SC-Medium';
            position: fixed;
            left: 0;
            bottom: 0;
        }

        /************** footer end **************/
    </style>
</head>
<body>
<section class="g-container">
    <div class="header">
        <span class="btn-goback"></span>
        <span>标题</span>
    </div>
    <div class="content-wrap">
        <div class="cnt-box">
            内容
        </div>
    </div>
    <div class="footer btn-submit">提交</div>
</section>
</body>
<script src="../module/jquery/2.1.4/jquery.min.js"></script>

</html>